<template>
	<view>
		<view style="height: 241rpx;box-sizing:border-box;background-color: #00C657;border-radius: 0 0 35rpx 35rpx; display: flex;align-items: center;">
			<image src="/static/shequ/返回@2x.png" @click="backTo()" style="margin: 0 259rpx 0 30rpx; width: 18rpx;height: 32rpx;" mode="aspectFit"></image>
			<text style="font-size: 32rpx;color: #fff;">评价</text>
		</view>
		<view style="width: 690rpx;height: 245rpx;border-radius: 24rpx;background-color: #fff;margin: -60rpx 30rpx;display: flex;padding: 30rpx 20rpx;box-sizing: border-box;">
			<image src="" style="width: 185rpx;height: 185rpx;background-color: #FFD4BE;border-radius: 10rpx;" mode="aspectFill"></image>
			<view style="margin-left: 20rpx;">
				<text style="font-size: 28rpx;color: #1B1B1B;">商铺名称</text>
				<view style="font-size: 22rpx;color: #999999;margin: 10rpx 0 50rpx 0;">
					<text>颜色：白色;</text>
					<text style="margin-left: 10rpx;">尺码：均码;</text>
				</view>
				<text style="font-size: 28rpx;color: #F61B00;">¥ 189</text>
			</view>
		</view>
		<view style="width: 690rpx;height: 477rpx;background-color: #fff;border-radius:24rpx; margin: 80rpx 30rpx 20rpx;">
			<view style="display: flex;justify-content: space-between;margin: 30rpx 30rpx;padding-top: 30rpx;">
				<text style="font-size: 30rpx;color: #333;">描述相符</text>
				<uni-rate v-model="value" :value="5" :size="12" color="#ADC3D0" activeColor="#FF6F00"></uni-rate>
			</view>
			<textarea value="" placeholder="请输入您的评价" placeholder-style="font-size: 24rpx;color:#999;" style="width: 630rpx;height: 226rpx;background-color: #F7F7F7;border-radius: 10rpx;margin-left: 30rpx;padding: 30rpx 0 0 30rpx;box-sizing: border-box;color: #1b1b1b;font-size: 28rpx;" />
			<view class="sp">
				<image src="/static/index/组 24@2x.png" mode="aspectFit"></image>
				<image src="/static/index/形状%2012@2x.png" mode="aspectFill"></image>
				<image src="/static/index/形状%2012@2x.png" mode="aspectFill"></image>
				<image src="/static/index/形状%2012@2x.png" mode="aspectFill"></image>
			</view>
		</view>
		<view style="width: 690rpx;height: 249rpx;line-height: 55rpx; background-color: #fff;border-radius: 24rpx;margin: 0 30rpx 40rpx;color: #333;padding: 20rpx 30rpx 0;box-sizing: border-box;">
			<text style="font-size: 30rpx;">店铺评分</text>
			<view class="pj">
				<text style="font-size: 30rpx;color: #333;">质量满意</text>
				<uni-rate v-model="zhil" :value="5" :size="12" color="#ADC3D0" activeColor="#FF6F00"></uni-rate>
			</view>
			<view class="pj">
				<text style="font-size: 30rpx;color: #333;">服务态度</text>
				<uni-rate v-model="fuwu" :value="5" :size="12" color="#ADC3D0" activeColor="#FF6F00"></uni-rate>
			</view>
			<view class="pj">
				<text style="font-size: 30rpx;color: #333;">物流服务</text>
				<uni-rate v-model="wuliu" :value="5" :size="12" color="#ADC3D0" activeColor="#FF6F00"></uni-rate>
			</view>
		</view>
		<button type="default" style="width: 690rpx;height: 90rpx;border-radius: 45rpx;background-color: #00C657;color: #fff;font-size: 28rpx;display: flex;align-items: center;justify-content: center;">提交</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				value:3,
				zhil:5,
				fuwu:5,
				wuliu:5
				
			};
		},
		methods:{
		}
	}
</script>

<style lang="scss">
.pj{
	font-size: 24rpx;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
page{
	background-color: #f7f7f7;
}
.sp image{
 width: 113rpx;height: 112rpx;	
 margin-left: 30rpx;
 margin-top: 20rpx;
}
</style>
